<template>
    <view class="container">
      <view class="card">
        <view>
          <up-image :show-loading="true" :src="qrUrl" width="250px" height="300px" ></up-image>
        </view>
      </view>
    </view>
  </template>
  
  <script  setup>
  import { ref, reactive } from 'vue';  
  console.log(uni.$u.test.code('4567', 4));
  const baseUrl ='http://api.stone09.com'+'/api/v1/static/sevice.jpg'
  const qrUrl =ref(baseUrl)

  </script>
  
  <style scoped>
  .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; /* 将表单置顶 */
    height: 100vh;
    padding: 20px;
    background-color: #f5f5f5;
  }
  
  .card {
    width: 100%;
    max-width: 400px;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
    display: flex;
    flex-direction: column;
  }
  .infotitle{
    margin-bottom: 16px;
  }
  
  </style>